<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="http://www.itcast.cn">支付成功5秒后跳转网页</a>
    <button>点击刷新</button>
    <script>
        /*
        location对象
            window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
        什么是location对象?
            window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。 
        什么是URL?
            通俗点说，URL就是我们所说的网址。
            官方点说，URL是对互联网上得到的资源的位置和访问方法的一种简洁表示，是互联网上标准资源的地址。URL它具有全球唯一性，正确的URL应该是可以通过浏览器打开此网页的    
         URL的一般语法格式为：protocol :// hostname[:port] / path / [;parameters][?query]#fragment
 
         */

        //Location 接口表示其链接到的对象的位置（URL）。所做的修改反映在与之相关的对象上。 
        //Document 和 Window 接口都有这样一个链接的 Location，分别通过 Document.location和Window.location 访问。

        /*       const a=document.querySelector("a")
                 let i=5
                 let timeId=setInterval(()=>{
                        i--
                        a.innerHTML=`支付成功${i}秒后跳转网页`
                   if(i===1){
                        clearInterval(itemId)
                        location.href="http://www.itcast.cn"
                   }
                },1000)
        */

        console.log(location.href);  //包含整个 URL 的一个DOMString
        console.log(location.protocol);  //包含 URL 对应协议的一个DOMString，最后有一个":"
        console.log(location.host);//包含了域名的一个DOMString，可能在该串最后带有一个":"并跟上 URL 的端口号
        console.log(location.hostname)//包含 URL 域名的一个DOMString
        console.log(location.port);//包含端口号的一个DOMString
        console.log(location.pathname);//包含 URL 中路径部分的一个DOMString，开头有一个 /
        console.log(location.search);//包含 URL 参数的一个DOMString，开头有一个“?”
        console.log(location.hash);//包含块标识符的DOMString，开头有一个 #。

        const button = document.querySelector("button")
        button.addEventListener("click", function () {
            location.reload(true) //强制刷新当前页面
        })
    </script>
</body>

</html>